<template>
	<view class="brand-main">
		<view class="brand-block" v-for="item in brandList" :key="item.id">
			<image class="img" :src="item.coverImg" mode=""></image>
			<view class="title">{{item.cname}}</view>
			<view class="descr">{{item.descr}}</view>
		</view>
	</view>
</template>

<script>
	export default{
		//父组件传值给子组件
		props:{
			brandList:{
				type:Array
			}
		}
	}
</script>

<style lang="scss" scoped>
	.brand-main{
		.brand-block{
			width: 670rpx;
			height: 612rpx;
			border-radius: 20rpx;
			background-color: #fff;
			margin: 56rpx auto;
			overflow: hidden;
			.img{
				width: 670rpx;
				height: 426rpx;
				background-color: #999999;
			}
			.title{
				font-size: 32rpx;
				line-height: 45rpx;
				color: #3E3E3E;
				margin-top: 30rpx;
				margin-left: 56rpx;
			}
			.descr{
				font-size: 22rpx;
				color: #B1B1B1;
				line-height: 30rpx;
				margin-top: 20rpx;
				white-space: nowrap;
				overflow: hidden;
				margin-left: 56rpx;
			}
		}
	}
</style>
